<template>
    <div class="container">
        <order class="order" v-for="(order,index) in orders" :key="index" :data="order"></order>
    </div>
</template>

<script type="text/ecamscript-6">
import order from "@/components/order/order"
import { orders } from "@/api/orders";
export default {
    data() {
        return {
            orders:[]
        }
    },
    components: {
        order
    },
    created(){
        this.orders=orders
    }
}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
.container
    background-color #f0f0f0
    overflow hidden
    min-height 100vh
    .order
        margin 10px 0
        background-color #ffffff
</style>

